<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>06HTML元素类型比较</title>
</head>

<body>
    <!-- 
        思考 ：每个元素在页面中到底占据多大的空间
            
        早期的 HTML 是为了替代报纸，而报纸中的排版有一定的规范
        
        例如：标题独占一行，段落独占一行等等
        
    -->
    <!-- 
        块级元素 (block level)
        独占一行，
        h p div 很重要，需要独自占有一行内容
    -->
    <div></div>
    <p>我是一个p标签，表示段落</p>
    <!-- 
        行内级元素 (inline level)
        span a strong i img 
    -->
    <span>我是一个 span 标签，表示一个行内包裹块，没有语义</span>
</body>

</html>